<template>
  <div>
    <Menu mode="horizontal" active-name="/manager/my/todo" @on-select="taskRedirect">

      <MenuItem name="/manager/project">
        <Icon type="ios-people"></Icon>
        任务
      </MenuItem>
      <MenuItem name="/manager/project/todo" >
        <Icon type="ios-paper"></Icon>
        日历
      </MenuItem>
      <MenuItem name="/manager/project/files">
        <Icon type="folder"></Icon>
        文件
      </MenuItem>
      <MenuItem name="/manager/project/share">
        <Icon type="paper-airplane"></Icon>
        分享
      </MenuItem><MenuItem name="/manager/project/tongji">
        <Icon type="paper-airplane"></Icon>
        统计
      </MenuItem>

    </Menu>
    <div class="mainContent">
      <router-view/>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'index',
    methods: {
      taskRedirect(name) {
        this.$router.push({
          path: name
        })
      }
    }
  }
</script>
<style scoped>
.mainContent{
  height:calc(100vh - 145px);
  background: #F1F1F1;
  padding: 0;
  overflow-y: auto;
  transition: all 218ms ease
}
</style>
